<template>
    <div>
        <el-row>
            <el-button round @click="toEvent">
                EventTest
            </el-button>
            <el-button round @click="toFilter">
                FilterTest
            </el-button>
            <el-button round @click="toComponentCommunication">
                ComponentCommunicationTest
            </el-button>
        </el-row>
        <router-view></router-view>
    </div>
</template>

<script>
    export default {
        name: "Vue_Test",
        methods: {
            toEvent() {
                this.$router.push('/event')
            },
            toFilter() {
                this.$router.push('/filter')
            },
            toComponentCommunication(){
                this.$router.push('/tocomponentcommunication')
            }
        }
    }
</script>

<style scoped>

</style>
